<template>
  <div class="app-container">
    <!--工具栏-->
    <div class="head-container">
      <!-- 搜索 -->
      <!-- <el-input v-model="query.value" clearable placeholder="输入岗位名称搜索" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery"/>
      <el-select v-model="query.enabled" clearable placeholder="状态" class="filter-item" style="width: 90px" @change="toQuery">
        <el-option v-for="item in enabledTypeOptions" :key="item.key" :label="item.display_name" :value="item.key"/>
      </el-select>
      <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button> -->
      <!-- 新增 -->
      <div v-permission="['ADMIN','USERJOB_ALL','USERJOB_CREATE']" style="display: inline-block;margin: 0px 2px;">
        <!-- <el-button
          class="filter-item"
          size="mini"
          type="primary"
          icon="el-icon-plus"
          @click="add">新增</el-button> -->
		<!-- <el-button
          class="filter-item"
          size="mini"
          type="primary"
          icon=""
          @click="edit">详情</el-button> -->
      </div>
    </div>
    <!--表单组件-->
    <eForm ref="form" :is-add="isAdd" :dicts="dicts"/>
    <!--表格渲染-->
    <el-table v-loading="reqLoading" :data="data" size="small" style="width: 100%;">
      <el-table-column prop="custNum" label="客户编号"/>
	  <el-table-column prop="custName" label="客户名称"/>
	  <el-table-column prop="certificateNum" label="报告编号"/>
       <el-table-column prop="checkTime" label="检查时间">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.checkTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="reportTime" label="报告时间">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.checkTime) }}</span>
        </template>
      </el-table-column>
	  <el-table-column prop="name" label="姓名"/>
      
	  <el-table-column v-if="checkPermission(['ADMIN','USERJOB_ALL','USERJOB_EDIT','USERJOB_DELETE'])" label="证件编号" width="130px" align="center">
                <template slot-scope="scope">
					<el-button v-permission="['ADMIN','USERJOB_ALL','USERJOB_EDIT']" size="mini" type="primary" icon="el-icon-more" @click="edit(scope.row.id)">查看</el-button>
                </template>
      </el-table-column>

    </el-table>


    <!-- <el-table v-loading="reqLoading" :data="data" size="small" style="width: 100%;">
      <el-table-column prop="name" label="名称"/>
      <el-table-column label="所属部门">
        <template slot-scope="scope">
          <div>{{ scope.row.deptSuperiorName ? scope.row.deptSuperiorName + ' / ' : '' }}{{ scope.row.dept.name }}</div>
        </template>
      </el-table-column>
      <el-table-column prop="sort" label="排序">
        <template slot-scope="scope">
          {{ scope.row.sort }}
        </template>
      </el-table-column>
      <el-table-column label="状态" align="center">
        <template slot-scope="scope">
          <div v-for="item in dicts" :key="item.id">
            <el-tag v-if="scope.row.enabled.toString() === item.value" :type="scope.row.enabled ? '' : 'info'">{{ item.label }}</el-tag>
          </div>
        </template>
      </el-table-column>
      <el-table-column prop="createTime" label="创建日期">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.createTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column v-if="checkPermission(['ADMIN','USERJOB_ALL','USERJOB_EDIT','USERJOB_DELETE'])" label="操作" width="130px" align="center">
        <template slot-scope="scope">
          <el-button v-permission="['ADMIN','USERJOB_ALL','USERJOB_EDIT']" size="mini" type="primary" icon="el-icon-edit" @click="edit(scope.row)"/>
          <el-popover
            v-permission="['ADMIN','USERJOB_ALL','USERJOB_DELETE']"
            :ref="scope.row.id"
            placement="top"
            width="180">
            <p>确定删除本条数据吗？</p>
            <div style="text-align: right; margin: 0">
              <el-button size="mini" type="text" @click="$refs[scope.row.id].doClose()">取消</el-button>
              <el-button :loading="delLoading" type="primary" size="mini" @click="subDelete(scope.row.id)">确定</el-button>
            </div>
            <el-button slot="reference" type="danger" icon="el-icon-delete" size="mini"/>
          </el-popover>
        </template>
      </el-table-column>
    </el-table> -->
    <!--分页组件-->
    <el-pagination
      :total="total"
      :current-page="page + 1"
      style="margin-top: 8px;"
      layout="total, prev, pager, next, sizes"
      @size-change="sizeChange"
      @current-change="pageChange"/>


     <el-dialog :visible.sync="dialog" title="征信信息详情" append-to-body width="1380px">
		  <el-form ref="formm"  :model="formm"  size="small" label-width="250px">
			      <el-form-item label="客户编号" style="display:inline-block;width:48%;">
						<el-input v-model="formm.custNum" style="width: 370px;"/>
				 </el-form-item>
				 <el-form-item label="客户名称" style="display:inline-block;width:48%;">
						<el-input v-model="formm.custName" style="width: 370px;"/>
				 </el-form-item>
				  <el-form-item label="报告编号" style="display:inline-block;width:48%;">
						<el-input v-model="formm.reportNum" style="width: 370px;"/>
				 </el-form-item>
                  <el-form-item label="检查时间" style="display:inline-block;width:48%;margin-bottom:-3px;">
						<el-form-item prop="date1">
								<el-date-picker  type="date"   v-model="formm.checkTime" style="width: 370px;"></el-date-picker>
						</el-form-item>			
				  </el-form-item>
                 <el-form-item label="报告时间" style="display:inline-block;width:48%;margin-bottom:-3px;">
						<el-form-item prop="date1">
								<el-date-picker  type="date"   v-model="formm.reportTime" style="width: 370px;"></el-date-picker>
						</el-form-item>			
				  </el-form-item>
				  <el-form-item label="姓名" style="display:inline-block;width:48%;">
						<el-input v-model="formm.name" style="width: 370px;"/>
				 </el-form-item>
				 <el-form-item label="证件类型" style="display:inline-block;width:48%;">
						<el-input v-model="formm.certificateType" style="width: 370px;"/>
				 </el-form-item>
				 <el-form-item label="证件编号" style="display:inline-block;width:48%;">
						<el-input v-model="formm.certificateNum" style="width: 370px;"/>
				 </el-form-item>
                 <el-form-item label="婚否" style="display:inline-block;width:48%;">
						<el-input v-model="formm.maritalStatus" style="width: 370px;"/>
				 </el-form-item>
                  <el-form-item label="信息概要" style="display:inline-block;width:48%;">
						<el-input v-model="formm.infoSummary" style="width: 370px;"/>
				 </el-form-item>
                  <el-form-item label="信用卡账户数" style="display:inline-block;width:48%;">
						<el-input v-model="formm.ccAccounts" style="width: 370px;"/>
				 </el-form-item>
				 <el-form-item label="信用卡未结清/未销户账户数" style="display:inline-block;width:48%;">
						<el-input v-model="formm.ccUnclearedAccounts" style="width: 370px;"/>
				 </el-form-item>
				  <el-form-item label="信用卡发生90天以上逾期账户数" style="display:inline-block;width:48%;">
						<el-input v-model="formm.ccOverdue90Accounts" style="width: 370px;"/>
				 </el-form-item>
                 <el-form-item label="信用卡为他人担保笔数" style="display:inline-block;width:48%;">
						<el-input v-model="formm.ccAssureOthers" style="width: 370px;"/>
				 </el-form-item>
                  <el-form-item label="购房贷款账户数" style="display:inline-block;width:48%;">
						<el-input v-model="formm.houseLoansAccounts" style="width: 370px;"/>
				 </el-form-item>
                 <el-form-item label="购房贷款未结清/未销户账户数" style="display:inline-block;width:48%;">
						<el-input v-model="formm.houseLoansUnclearedAccounts" style="width: 370px;"/>
				 </el-form-item>
                 <el-form-item label="购房贷款发生过逾期的账户数" style="display:inline-block;width:48%;">
						<el-input v-model="formm.houseLoansOverdueAccounts" style="width: 370px;"/>
				 </el-form-item>
                 <el-form-item label="购房贷款发生过90天以上逾期账户数" style="display:inline-block;width:48%;">
						<el-input v-model="formm.ccOverdue90Accounts" style="width: 370px;"/>
				 </el-form-item>
                 <el-form-item label="购房贷款为他人担保笔数" style="display:inline-block;width:48%;">
						<el-input v-model="formm.houseLoansAssureOthers" style="width: 370px;"/>
				 </el-form-item>
                  <el-form-item label="其他贷款账户数" style="display:inline-block;width:48%;">
						<el-input v-model="formm.otherLoansAccounts" style="width: 370px;"/>
				 </el-form-item>
                   <el-form-item label="其他贷款未结清/未销户账户数" style="display:inline-block;width:48%;">
						<el-input v-model="formm.otherLoansUnclearedAccounts" style="width: 370px;"/>
				 </el-form-item>
                  <el-form-item label="其他贷款发生过90天以上逾期账户数" style="display:inline-block;width:48%;">
						<el-input v-model="formm.otherLoansAssureOthers" style="width: 370px;"/>
				 </el-form-item>
				 <el-form-item label="录入单位" style="display:inline-block;width:48%;">
						<el-input v-model="formm.checkInDept" style="width: 370px;"/>
				 </el-form-item>
				  <el-form-item label="其他贷款为他人担保笔数" style="display:inline-block;width:48%;">
						<el-input v-model="formm.houseLoansAssureOthers" style="width: 370px;"/>
				 </el-form-item>
                 <el-form-item label="录入人" style="display:inline-block;width:48%;">
						<el-input v-model="formm.checkInUser" style="width: 370px;"/>
				 </el-form-item>
				 <el-form-item label="录入日期" style="display:inline-block;width:48%;margin-bottom:-3px;">
						<el-form-item prop="date1">
								<el-date-picker  type="date"   v-model="formm.checkInDate" style="width: 370px;"></el-date-picker>
						</el-form-item>			
				  </el-form-item>
           </el-form>
		    <div slot="footer" class="dialog-footer">
				<el-button  type="primary" @click="close">关闭</el-button>
			</div>
     </el-dialog>


  </div>
</template>

<script>
import checkPermission from '@/utils/permission'
import { members,memberDetails,credit,creditDetails} from '@/api/custPerBaseinfo'
import initData from '@/mixins/initData'
import initDict from '@/mixins/initDict'
import { del } from '@/api/job'
import { parseTime } from '@/utils/index'

import eForm from './form'
export default {
  components: { eForm },
  mixins: [initData, initDict],
  data() {
    return {
	  delLoading: false,
	  reqLoading:true,
	  dialog:false,
      enabledTypeOptions: [
        { key: 'true', display_name: '正常' },
        { key: 'false', display_name: '禁用' }
	  ],
	  reqForm:{
			page: 0, 
			size: 10,
			sort:'id,desc',
			//id:''
			custId:''
	  },
	  id:'',
	  ids:[],
	  data:[],
	  details:{},
	  formm:{
		  custNum:'',
		  custName:'',
		  reportNum:'',
		  checkTime:'',
		  reportTime:'',
		  name:'',
		  certificateType:'',
		  certificateNum:'',
		  maritalStatus:'',
		  infoSummary:'',
		  ccAccounts:'',
		  ccUnclearedAccounts:'',
		  ccOverdue90Accounts:'',
		  ccAssureOthers:'',
		  houseLoansAccounts:'',
		  houseLoansUnclearedAccounts:'',
		  houseLoansOverdueAccounts:'',
		  houseLoansOverdue90Accounts:'',
		  houseLoansAssureOthers:'',
		  otherLoansAccounts:'',
		  otherLoansUnclearedAccounts:'',
		  otherLoansAssureOthers:'',
		  checkInDept:'',
		  houseLoansAssureOthers:'',
		  checkInUser:'',
		  checkInDate:''

	  }
    }
  },
  created() {
    	setTimeout(() => {
			  this.reqForm.custId = sessionStorage.getItem('perCustId')
			    credit(this.reqForm).then(res => {
					this.total = res.totalElements
					this.data = res.content
					setTimeout(() => {
						this.reqLoading = false
					}, 170)
				}).catch(err => {
					this.reqLoading = false
					console.log(err.response.data.message)
				})

		}, 500)





    this.$nextTick(() => {
      //this.init()
      // 加载数据字典
      this.getDict('job_status')
    })
  },
  methods: {
    parseTime,
    checkPermission,
    beforeInit() {
	  this.url = 'api/job'
	 // this.url = '/api/custComBaseinfo/custComShareholderInfo'
      const sort = 'sort,asc'
      this.params = { page: this.page, size: this.size, sort: sort }
      const query = this.query
      const value = query.value
      const enabled = query.enabled
      if (value) { this.params['name'] = value }
      if (enabled !== '' && enabled !== null) { this.params['enabled'] = enabled }
      return true
    },
    subDelete(id) {
      this.delLoading = true
      del(id).then(res => {
        this.delLoading = false
        this.$refs[id].doClose()
        this.dleChangePage()
        this.init()
        this.$notify({
          title: '删除成功',
          type: 'success',
          duration: 2500
        })
      }).catch(err => {
        this.delLoading = false
        this.$refs[id].doClose()
        console.log(err.response.data.message)
      })
	},
	handleSelectionChange(val) {
		  console.log('val',val)
		   val.forEach((v) => {
               this.ids.push(v.id)
		   });
		   console.log('ids',this.ids)
		   this.id = this.ids.toString()
		   this.ids = []
	},
	close(){
		this.dialog = false;
	},
    add() {
      this.isAdd = true
      this.$refs.form.getDepts()
      this.$refs.form.dialog = true
	},
	
    edit(creditId) {
		console.log('creditId', creditId)
	//   console.log('this.id', this.id)
	//   sessionStorage.setItem('memberId',this.id)
	//   if(this.id == ''){
	// 	  this.$message.warning('请先选择某一项！')
	// 	  return;
	//   }
       creditDetails(creditId).then(res => {
					// this.total = res.totalElements
					//this.data = res
					console.log('res',res)
                    this.formm ={
						    custNum:res.custNum,
							custName:res.custName,
							reportNum:res.reportNum,
							checkTime:res.checkTime,
							reportTime:res.reportTime,
							name:res.name,
							certificateType:res.certificateType,
							certificateNum:res.certificateNum,
							maritalStatus:res.maritalStatus,
							infoSummary:res.infoSummary,
							ccAccounts:res.ccAccounts,
							ccUnclearedAccounts:res.ccUnclearedAccounts,
							ccOverdue90Accounts:res.ccOverdue90Accounts,
							ccAssureOthers:res.ccAssureOthers,
							houseLoansAccounts:res.houseLoansAccounts,
							houseLoansUnclearedAccounts:res.houseLoansUnclearedAccounts,
							houseLoansOverdueAccounts:res.houseLoansOverdueAccounts,
							houseLoansOverdue90Accounts:res.houseLoansOverdue90Accounts,
							houseLoansAssureOthers:res.houseLoansAssureOthers,
							otherLoansAccounts:res.otherLoansAccounts,
							otherLoansUnclearedAccounts:res.otherLoansUnclearedAccounts,
							otherLoansAssureOthers:res.otherLoansAssureOthers,
							checkInDept:res.checkInDept,
							houseLoansAssureOthers:res.houseLoansAssureOthers,
							checkInUser:res.checkInUser,
							checkInDate:res.checkInDate
					}
					console.log('formmm',this.formm)
					setTimeout(() => {
						this.reqLoading = false
					}, 170)
		}).catch(err => {
					this.reqLoading = false
					console.log(err.response.data.message)
		})

        this.dialog = true;




    //   this.isAdd = false
	//   const _this = this.$refs.form




	//   console.log('data',this.data[0])
	   
    // _this.form = {
	// 		post:this.data[0].post,
	// 		certificateType: this.data[0].certificateType,
	// 		certificateNo: this.data[0].certificateNo,
	// 		name: this.data[0].name,
	// 		education: this.data[0].education,
	// 		workHistory: this.data[0].workHistory,
	// 		phone: this.data[0].phone,
	// 		serviceYears: this.data[0].serviceYears,
	// 		practiceYears: this.data[0].practiceYears,
	// 		shareHoldCase: this.data[0].shareHoldCase,
	// 		isEffective: this.data[0].isEffective,
	// 		registerUser: this.data[0].registerUser,
	// 		registerOrg: this.data[0].registerOrg,
	// 		registerDate: this.data[0].registerDate,
	// 		updateDate: this.data[0].updateDate,
			
			
			



	// 		sort: data.sort,
	// 		enabled: data.enabled.toString(),
	// 		createTime: data.createTime,
	// 		dept: { id: data.dept.id }
    //   }



    //   _this.getDepts()
    //   _this.form = {
    //     id: data.id,
    //     name: data.name,
    //     sort: data.sort,
    //     enabled: data.enabled.toString(),
    //     createTime: data.createTime,
    //     dept: { id: data.dept.id }
    //   }
    //   _this.deptId = data.dept.id
      //_this.dialog = true
    }








    // edit() {
	//   console.log('this.id', this.id)
	//   sessionStorage.setItem('executiveId',this.id)
    // //    executiveDetails(this.id).then(res => {
	// // 				// this.total = res.totalElements
	// // 				this.data = res
	// // 				setTimeout(() => {
	// // 					this.reqLoading = false
	// // 				}, 170)
	// // 	}).catch(err => {
	// // 				this.reqLoading = false
	// // 				console.log(err.response.data.message)
	// // 	})






    //   this.isAdd = false
	//   const _this = this.$refs.form

	// //   console.log('data',this.data[0])
	   
    // // _this.form = {
	// // 		post:this.data[0].post,
	// // 		certificateType: this.data[0].certificateType,
	// // 		certificateNo: this.data[0].certificateNo,
	// // 		name: this.data[0].name,
	// // 		education: this.data[0].education,
	// // 		workHistory: this.data[0].workHistory,
	// // 		phone: this.data[0].phone,
	// // 		serviceYears: this.data[0].serviceYears,
	// // 		practiceYears: this.data[0].practiceYears,
	// // 		shareHoldCase: this.data[0].shareHoldCase,
	// // 		isEffective: this.data[0].isEffective,
	// // 		registerUser: this.data[0].registerUser,
	// // 		registerOrg: this.data[0].registerOrg,
	// // 		registerDate: this.data[0].registerDate,
	// // 		updateDate: this.data[0].updateDate,
			
			
			



	// // 		sort: data.sort,
	// // 		enabled: data.enabled.toString(),
	// // 		createTime: data.createTime,
	// // 		dept: { id: data.dept.id }
    // //   }



    // //   _this.getDepts()
    // //   _this.form = {
    // //     id: data.id,
    // //     name: data.name,
    // //     sort: data.sort,
    // //     enabled: data.enabled.toString(),
    // //     createTime: data.createTime,
    // //     dept: { id: data.dept.id }
    // //   }
    // //   _this.deptId = data.dept.id
    //   _this.dialog = true
    // }
  }
}
</script>

<style scoped>

</style>
